<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据分析入门 - 数智学习</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="stylesheet" href="../../css/style.css">
</head>
<body class="bg-gradient-to-br from-purple-900 via-indigo-800 to-blue-900 text-white min-h-screen">
    <header class="backdrop-blur-md bg-opacity-30 bg-gray-900 fixed w-full z-50">
        <nav class="container mx-auto px-6 py-4">
            <div class="flex items-center justify-between">
                <div class="logo flex items-center">
                    <img src="../../images/logo.svg" alt="数智学习" class="h-8 w-8 mr-2">
                    <span class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">数智学习</span>
                </div>
                <ul class="nav-links flex space-x-8">
                    <li><a href="../../index.html" class="hover:text-blue-400 transition-colors">首页</a></li>
                    <li><a href="../overview/methods.html" class="hover:text-blue-400 transition-colors">学习方法</a></li>
                    <li><a href="basics.html" class="hover:text-blue-400 transition-colors">基础知识</a></li>
                    <li><a href="data_analysis.html" class="text-blue-400">数据分析</a></li>
                    <li><a href="machine_learning.html" class="hover:text-blue-400 transition-colors">机器学习</a></li>
                    <li><a href="deep_learning.html" class="hover:text-blue-400 transition-colors">深度学习</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <main class="pt-24">
        <div class="container mx-auto px-6 py-12">
            <h1 class="text-4xl font-bold mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">数据分析入门</h1>
            
            <!-- 数据处理 -->
            <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8 mb-8">
                <h2 class="text-2xl font-bold mb-6 text-blue-400">数据处理 (Pandas)</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-blue-400">数据结构</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>Series与DataFrame</li>
                            <li>索引与切片</li>
                            <li>数据清洗</li>
                            <li>数据转换</li>
                        </ul>
                    </div>
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-purple-400">数据操作</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>数据合并与连接</li>
                            <li>分组与聚合</li>
                            <li>时间序列处理</li>
                            <li>数据透视表</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 数据可视化 -->
            <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8 mb-8">
                <h2 class="text-2xl font-bold mb-6 text-purple-400">数据可视化 (Matplotlib)</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-blue-400">基础图表</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>折线图与散点图</li>
                            <li>柱状图与饼图</li>
                            <li>直方图与箱线图</li>
                            <li>热力图与等高线图</li>
                        </ul>
                    </div>
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-purple-400">高级可视化</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>子图与布局</li>
                            <li>3D图表绘制</li>
                            <li>动态图表</li>
                            <li>交互式可视化</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 统计分析 -->
            <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8">
                <h2 class="text-2xl font-bold mb-6 text-indigo-400">统计分析方法</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-blue-400">描述统计</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>集中趋势度量</li>
                            <li>离散程度度量</li>
                            <li>分布形态分析</li>
                            <li>相关性分析</li>
                        </ul>
                    </div>
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-purple-400">推断统计</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>参数估计</li>
                            <li>假设检验</li>
                            <li>方差分析</li>
                            <li>回归分析</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="container mx-auto px-6 py-8 text-center text-gray-400">
        <p class="mb-2">&copy; 2024 数智学习. All rights reserved.</p>
        <p><a href="https://beian.miit.gov.cn/" target="_blank" class="hover:text-blue-400 transition-colors">晋ICP备20000773号-3</a></p>
    </footer>
    <script src="../../js/effects.js"></script>
</body>
</html> 